<template>
	<view class="container">
		<!-- <image class="bg-image" src="/static/image/qiuqian/bg1.png" mode="aspectFill"></image> -->
		<view>
			<view class="qiuqian_title"><text>妈祖</text><text>赐福</text></view>
			<view class="qiuqian_img">
				<image src="https://mazugift.oss-cn-fuzhou.aliyuncs.com/upload/3/20250806/7b43009f02cb42f6abc2b2a99c3c7301.png" mode="widthFix"></image>
			</view>
			<view class="qiuqian_btn" @tap="goto" data-url="/pages/qiuqian/qiuqian">开始</view>
		</view>


	</view>
</template>

<script>
export default {
	data() {
		return {

		}
	},
	methods: {

	}
}
</script>

<style lang="scss" scoped>
.bg-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.container {
	height: 100vh;
	background-image: url('https://mazugift.oss-cn-fuzhou.aliyuncs.com/upload/3/20250806/ff95db9c7d449c551e08578e579dd899.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.qiuqian_title {
	padding-top: 200px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	font-size: 100px;
	font-family: cursive;
	color: #fae3d3;
}

.qiuqian_img {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	
	image {
		width: 80px;
	}

}

.qiuqian_btn {
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	width: 180px;
	background: linear-gradient(90deg, #dbb085 0%, #f5e5d5 50%, #eedfc6 100%);
	border-radius: 20px;
	color: #751516;
	font-size: 20px;
	font-family: cursive !important;
	font-weight: bold;
	letter-spacing: 8px;
}
</style>